    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">    
        <style type="text/css">
            .content{
                position: absolute;
                top:0;
                left: 0;
                right: 0;
                bottom: 0px;
                overflow-x:hidden;
                overflow-y:auto;
                text-align: center;
            }
            .container{
                width: 100%;
                text-align: center;
                line-height: 50px;
                margin: 0 auto;
            }
           .cacle{
                float: left;
                height: 100%;
                line-height: 50px;
                margin-left: 20px;

           }
           .cacle a{
                color: black !important;
           }
           .over{
                float: right;
                height: 100%;
                line-height: 50px;
                margin-right: 20px;
           }
            .container{
                width: 100%;
                text-align: center;
                line-height: 50px;
                font-size: 20px;
                font-weight: bolder;
            }
            .tip1{
                width: 90%;
                margin: 20px;
                text-align: left;
                color:#8D949A;
                font-size: 14px;
            }
            .tip2{
                width: 90%;
                margin: 20px;
                text-align: left;
                color: #C6CDD2;
                font-size: 12px;
            }
            .evaluate-text{
                width: 90%;
                height: 200px !important;
                background-color: white;
                border-radius: 5px;
                border: 1px solid gray;
                font-size: 14px;
            }
            .cacel{
                width: 120px;
                height: 40px;
                float: left;
                margin: 50px 0 80px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
            }
            .pass{
                width: 120px;
                height: 40px;
                float: right;
                margin: 50px 20px 80px 0;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
            }
        </style>
    </head>
    <body>
    <form action="/addon/JianCai/JianCai/UserAppraisePost/resumeId/{$resume['id']}" method="post">
           <!--  <nav class="navbar navbar-default navbar-fixed-top">
                <div class="cacle"><a href="javascript:history.go(-1)">取消</a></div>
                <div class="over">完成</div>
                <div class="container">评价</div>

            </nav> -->
        <div class="content">
            <div class="tip1">
                我们鼓励我们的推荐人提供高质量、高匹配度、高稳定性的服务。
            </div>
            <div class="tip2">
                在本次服务过程中有关推荐人的服务态度、候选人质量、响应及时性等，你可以写到这里。
                <br/>
我们会将你的评价展现在推荐人的个人资料下方。
            </div>
            
            <textarea class="evaluate-text" name="evaluateText" placeholder="请输入您的反馈内容..."></textarea>

            <a href="javascript:history.go(-1)"><button type="button" id="cacel" class=" cacel" >取消</button></a>

            <button type="button" id="pass" class="btn  pass" >完成</button>
        </div>

        <nav class="navbar navbar-default navbar-fixed-bottom">
                <div class="container">
                    <div class="container-btn" data-navbar = "index">
                        <img src="/Public/img/我要推荐.svg">            
                        <div>我要推荐</div>
                    </div>
                    <div class="container-btn" data-navbar = "usePeople">
                        <img src="/Public/img/我要用人.svg">            
                        <div>我要用人</div>
                    </div>
                    <div class="container-btn" data-navbar = "user">
                        <img src="/Public/img/个人中心.svg">            
                        <div>个人中心</div>
                    </div>
                </div>
            </nav>
    </form>
    </body>
    <script type="text/javascript" src="/Public/js/zepto.min.js"></script>
    <script type="text/javascript" src="/Public/js/frozen.js"></script>
    <script type="text/javascript">
       $(".pass").on("click",function(){
            $("form").submit();
       });
       $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
    </script>
    </html>